<div class="lv-date-picker-header">
  <div class="left">
    <i
      *ngIf="lvCalendarYearOperate?.show"
      lv-icon="lv-icon-arrow-double-prev"
      lvColorState="true"
      [lvDisabled]="lvCalendarYearOperate?.disableChange"
      (click)="addYear(-1)"
    ></i>
  </div>
  <div class="center">
    <ng-container>
      <span *ngIf="lvCalendarYearOperate?.show" [ngClass]="{ readonly: lvPanelTitleReadonly || lvCalendarYearOperate?.disableChange }" (click)="swithToYearPanel()">
        {{ activeDateYear }}
        <ng-container *ngIf="language == 'zh-cn'">年</ng-container>
      </span>
    </ng-container>
  </div>
  <div class="right">
    <i
      *ngIf="lvCalendarYearOperate?.show"
      lv-icon="lv-icon-arrow-double-next"
      lvColorState="true"
      [lvDisabled]="lvCalendarYearOperate?.disableChange"
      (click)="addYear(1)"
    ></i>
  </div>
</div>
<div class="lv-date-picker-body">
  <div class="lv-date-picker-month-list" [ngClass]="lvPickerMode == 'month' ? 'lv-date-picker-month-list-independent' : ''">
    <ul>
      <li *ngFor="let C_month of C_months; trackBy: trackByIndex" [ngClass]="C_month.classMap">
        <span *ngIf="lvCalendarMonthCell === null" class="lv-date-picker-month-cell" (click)="selectCalendarMonthCell(C_month)">{{
          C_month.content
        }}</span>

        <span *ngIf="lvCalendarMonthCell !== null" (click)="selectCalendarMonthCell(C_month)">
          <ng-container *ngTemplateOutlet="lvCalendarMonthCell; context: { $implicit: C_month }"></ng-container>
        </span>
      </li>
    </ul>
  </div>
</div>
